/*
 * Copyright (C) 2015 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

@import "base/environment";

#syllabus {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 10px;
  thead th, td {
    text-align: left;
    @include fontSize(14px);
  }
  tr.date {

    &.date_passed {
      > td, > th {
        background-color: $ic-color-medium-light;
      }
    }
    .day_date {
      white-space: nowrap;
    }
    td.details {
      padding-right: 0;
      td {
        border: none;
        background-color: transparent;
      }
    }
    table.detail_list {
      width: 100%;

      td.dates {
        white-space: nowrap;
        padding-right: 7px;
        text-align: right;
      }

      td.not_last {
        border-bottom: 1px solid $ic-border-light;
      }
      tr.related_event {
        background-color: $ic-bg-light-primary;
      }
    }
    &.date_passed {
      td, th {
        background-color: $ic-color-medium-light;
      }
      &.details {
        color: #444;
      }
    }
    // when you hover over a date on the mini-calendar on the right, it will add the .related
    // class to the row that is showing the assignments for that date
    &.related, &.selected {
      td, th {
        background-color: $ic-bg-light-primary;
      }
    }
  }
  .special_date_title {
    color: $ic-color-medium;
    @include fontSize(12px);
  }
}
.name {
  > i {
    padding-right: $ic-sp/2;
  }
}
#toggle_special_dates_in_syllabus {
  &.hidden span.hide {
    display: none;
  }
  &.shown span.show {
    display: none;
  }
  float: right;
}

#syllabus_links {
  @include clearfix;
}
